<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>上传资源单</title>
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
	<link rel="stylesheet" href="http://static-online.zhaogang.com/publicresource/css/CatUI.min.css">
	<link rel="stylesheet" href="../../Resources/mall2/css/upload.css">
</head>
<body>
	<div id="mall_header">
		<div class="topbar">
			<div class="w1180">
				<div class="toplink">
					<a href=""><i class="home"></i>找钢首页</a>
					<span>喵，欢迎来找钢！</span>
					<a href="javascript:" id="btn_login">请登录</a>
					<a href="javascript:" id="btn_register">免费注册</a>
					<a href="javascript:" id="btn_quit" style="display:none;">退出</a>
					<a href="javascript:" style="display:none;">账户切换</a>
				</div>
				<div class="topmenu">
					<a href="">我的找钢</a>|<a href="">我的订单</a>|
					<div class="msn">
						<a href="#" class="msn_center">消息中心<span>5</span></a>
						<div class="msn_box">
							尚未认证企业<a href="#">去验证</a><br/>
							积分规则调整公告<a href="#">查看详情</a>
						</div>
					</div>
					|<a href="">积分商城</a>|<a href="">帮助中心</a>|<a href="">在线客服</a>|<span><i class="tel"></i>021-60100300 (8:30-17:30)</span>
				</div>
			</div>
		</div>
		<div class="header_box">
			<div class="w1180">
				<a href="" class="logo"></a>
				<ul class="nav">
					<li><a href="/">首页</a></li>
					<li><a href="" class="hot"><i class="icon_hot"></i>商城</a></li>
					<li class="on"><a href="">资源单</a></li>
					<li><a href="">找物流</a></li>
					<li><a href="">找加工</a></li>
					<li><a href="">白条</a></li>
					<li><a href="">行情</a></li>
				</ul>
				<div class="shopCar">
					<div class="default">
						<i class="icon_shopCar"></i>
						<i class="icon_shopCount">2</i>
						<a href="#">购物车</a>
					</div>
					<div class="shop_list">
						<div class="spacer"></div>
						<div class="shop_box">
							<div class="tit">找钢商城</div>
							<div class="mall">
								<ul class="listBox">
									<li>
										<div class="name">
											新抚顺 三级抗震螺纹钢
											<p class="type">HRB400E  28*9</p>
										</div>
										<div class="r">
											<div class="price">&yen;2560x2</div>
											<a href="javascript:void(0)" class="btn_remove"></a>
										</div>
									</li>
									<li>
										<div class="name">
											新抚顺 三级抗震螺纹钢
											<p class="type">HRB400E  28*9</p>
										</div>
										<div class="r">
											<div class="price">&yen;2560x2</div>
											<a href="javascript:void(0)" class="btn_remove"></a>
										</div>
									</li>
									<li>
										<div class="name">
											新抚顺 三级抗震螺纹钢
											<p class="type">HRB400E  28*9</p>
										</div>
										<div class="r">
											<div class="price">&yen;2560x2</div>
											<a href="javascript:void(0)" class="btn_remove"></a>
										</div>
									</li>
									<li>
										<div class="name">
											新抚顺 三级抗震螺纹钢
											<p class="type">HRB400E  28*9</p>
										</div>
										<div class="r">
											<div class="price">&yen;2560x2</div>
											<a href="javascript:void(0)" class="btn_remove"></a>
										</div>
									</li>
								</ul>
							</div>
							<div class="collect">
								<div class="txt">
									<span class="sum"><i class="num">&yen;37855.50</i></span>
									共<span class="num">1</span>件  <span class="num">2.174</span>吨
								</div>
								<a href="javascript:void(0)" class="btn_submit">去锁货</a>
								<div class="other">
									<a href="#">去看看</a>
									积分商城有<span class="num">14</span>件商品等待兑换
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="uploadBox">
		<div class="leftBox">
			<div class="step">
				<div class="line">
					<div class="lineshow on"></div>
					<div class="lineshow"></div>
				</div>
				<div class="num first on">
					<a href="javascript:void(0)">1</a>
					<p>选择文档</p>
				</div>
				<div class="num second on">
					<a href="javascript:void(0)">2</a>
					<p>补充信息</p>
				</div>
				<div class="num third">
					<a href="javascript:void(0)">3</a>
					<p>完成上传</p>
				</div>
			</div>

			<div class="loadBox">
				<h1>文件载入完毕，请为该资源单完善信息后保存发布！</h1>
				<div class="showxls">
					<i class="xls"></i>
					<b>江苏大华钢铁有限公司.xls</b>
					<div class="input-file">
						<span class="text">重新选择</span>
						<input class="file" type="file"/>
					</div>
				</div>
			</div>

			<div class="fillin">
				<div style="clear: both; margin-bottom: 35px;">
					<dl style="float:left;">
						<dt><span>*</span>选择公司抬头</dt>
						<dd>
							<select>
								<option>个人用户</option>
							</select>
						</dd>
					</dl>
					<dl style="float: right">
						<dt><span>*</span>地区</dt>
						<dd>
							<select>
								<option>上海</option>
							</select>
						</dd>
					</dl>
				</div>

				<dl>
					<dt><span>*</span>今日调价</dt>
					<dd>
						<select>
							<option>请选择调价</option>
						</select>
						<span style="font-size:12px;">您今日资源调价幅度（相比上一个交易日）</span>
					</dd>
				</dl>

				<dl>
					<dt><span>*</span>资源单描述</dt>
					<dd>
						<textarea placeholder="对你今天的价格变化、优势资源、货物状态等用文字补充说明，可增加你资源单的吸引力。字数限定在80字以内。"></textarea>
					</dd>
				</dl>

				<dl>
					<dt><span>*</span>所属分类</dt>
					<dd>
						<input type="checkbox"><label>冷轧</label>
						<input type="checkbox"><label>涂镀</label>
						<input type="checkbox"><label>热轧</label>
						<input type="checkbox"><label>酸洗</label>
						<input type="checkbox"><label>中厚板</label>
						<input type="checkbox"><label>螺线</label>
						<input type="checkbox"><label>型材</label>
						<input type="checkbox"><label>其他</label>
						<b style="font-size: 12px;">最多5项</b>
					</dd>
				</dl>

				<dl>
					<dt>资源单属性</dt>
					<dd style="border: 1px solid #fcc48b; width: 672px;">
						<table>
							<tr>
								<th width="80">大类</th>
								<td width="296">主营品种</td>
								<td width="296">主营钢厂</td>
							</tr>
							<tr class="nobottom">
								<th>冷轧</th>
								<td><input type="text" id="inputon" readonly></td>
								<td><input type="text"></td>
							</tr>
							<tr>
								<th></th>
								<td colspan="2" style="padding:2px 8px 5px;">
									<ul id="category">
										<li>热镀锌</li>
										<li>电镀锌</li>
										<li>深冲</li>
										<li>高强钢</li>
										<li>锌铁合金</li>
										<li>彩涂卷</li>
										<li>镀铝钢</li>
										<li>汽车钢</li>
										<li>汽车钢</li>
										<li>钢铁合金</li>
										<li>汽车钢</li>
									</ul>
								</td>
							</tr>
							<tr>
								<th>热轧</th>
								<td><input type="text"></td>
								<td><input type="text"></td>
							</tr>
							<tr class="nobottom">
								<th>酸洗</th>
								<td><input type="text"></td>
								<td><input type="text"></td>
							</tr>
						</table>
					</dd>
					<p><i class="sigh"></i>经常更新属性，能让客户更快找到你</p>
				</dl>
			</div>

			<div class="release">
				<button>发布资源</button>
			</div>
		</div>

		<div class="rightBox">
			<div class="downlink">
				<b>您的资源单永久下载链接</b>
				<div class="search">
					<input type="text">
					<button>复制</button>
				</div>
			</div>

			<div class="tipto">
				<b>温馨提示：</b>
				<p>1、您上传的资源单会在【<a href="###">资源单下载</a>】栏目展示，同时网站会自动解析您上传的资源单，其他用户可以在【<a href="###">现货搜索</a>】栏目直接搜索到您资源单里的内容。</p>
				<p style="margin-top: 35px;">2、请准确填写品种的分类，分类会出现在【<a href="###">资源单下载</a>】栏目，有助于其他用户快速搜索到您的资源单。</p>
			</div>

			<div class="tipto">
				<b>推荐资源单样式（供参考）温馨提示：</b>
				<p>网站根据某些规则解析资源单里面的内容，参考下面的资源样式，有助于其他用户在【<a href="###">现货搜索</a>】栏目搜索到您完整的资源。</p>
			</div>

			<div class="zyddown">
				<i c class="xls"></i>
				<b>资源单推荐样式.xls</b>
				<a href="###">下载查看</a>
			</div>
		</div>
	</div>

	<div id="mall_footer">
		<div class="advantage">
			<ul class="w1180">
				<li><i class="ad1"></i>免费找货找车</li>
				<li><i class="ad2"></i>商城钢厂直供</li>
				<li><i class="ad3"></i>品种规格齐全</li>
				<li><i class="ad4"></i>仓储加工一体</li>
				<li><i class="ad5"></i>缺钱可打白条</li>
			</ul>
		</div>

		<ul class="help_link w1180">
			<li>
				<dl>
					<dd><a href="" target="_blank">我是买家，如何找货</a></dd>
					<dd><a href="" target="_blank">资源单找货</a></dd>
					<dd><a href="" target="_blank">我是买家，如何找车</a></dd>
					<dd><a href="" target="_blank">添加胖猫物流APP</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dd><a href="" target="_blank">商城钢厂直供</a></dd>
					<dd><a href="" target="_blank">商城采购流程</a></dd>
					<dd><a href="" target="_blank">合作钢厂</a></dd>
					<dd><a href="" target="_blank">售后政策</a></dd>
					<dd><a href="" target="_blank">退换流程</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dd><a href="" target="_blank">品类规格齐全</a></dd>
					<dd><a href="" target="_blank">自营现货</a></dd>
					<dd><a href="" target="_blank">第三方资源</a></dd>
					<dd><a href="" target="_blank">实行行情</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dd><a href="" target="_blank">仓储加工一体化</a></dd>
					<dd><a href="" target="_blank">胖猫加工简介</a></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dd><a href="" target="_blank">缺钱可打白条</a></dd>
					<dd><a href="" target="_blank">胖猫白条简介</a></dd>
					<dd><a href="" target="_blank">胖猫白条申请流程</a></dd>
					<dd><a href="" target="_blank">如何使用胖猫白条</a></dd>
					<dd><a href="" target="_blank">胖猫白条如何还款</a></dd>
				</dl>
			</li>
		</ul>

		<div class="copyright">
			<div class="link">
				<a href="" target="_blank">关于我们</a>
				| <a href="" target="_blank">法律声明</a>
				| <a href="" target="_blank">诚聘英才</a>
				| <a href="" target="_blank">联系我们</a>
				| <a href="" target="_blank">友情链接</a>
				| <a href="" target="_blank">常见问题</a>
			</div>
			<p>COPYRIGHT &copy; 找钢网 www.zhaogang.com 沪ICP备 13013915号-3 ICP证：沪B2-20140148</p>
			<p class="honor">
				<span>商务部2015-2016年度电子商务示范企业</span>
				<span>2015德勤--华兴高科技高成长50强明日之星</span>
				<span>中国互联网诚信示范企业</span>
				<span>2015年中国大宗商品现代流通诚信市场</span>
			</p>
			<div class="copyimg">
				<span class="img1"></span>
				<span class="img2"></span>
				<a href="http://www.itrust.org.cn/home/index/itrust_certifi?wm=1591692730" class="img4" target="_blank"></a>
				<a href="http://www.shjbzx.cn/" class="img5" target="_blank"></a>
				<a href="" class="img3"></a>
				<a href="" class="img6"></a>
			</div>
		</div>
	</div>
	<script src="http://static-online.zhaogang.com/publicresource/js/jquery.min.js"></script>
<script>
	//数组删除指定值方法,先查找后删除
	Array.prototype.indexOf = function(val) {
		for (var i = 0; i < this.length; i++) {
			if (this[i] == val) return i;
		}
		return -1;
	};
	Array.prototype.remove = function(val) {
		var index = this.indexOf(val);
		if (index > -1) {
			this.splice(index, 1);
		}
	};
	var arr = [];
	$("#category li").on("click",function(){
		var text = $(this).text();
		if($(this).hasClass("on")){
			$(this).removeClass("on");
			arr.remove(text);
			$("#inputon").val(arr)
		}
		else{
			arr.push(text);
			$(this).addClass("on");
			$("#inputon").val(arr)
		}

	})
</script>
</body>
</html>